/**
 * 创建于：2016-5-12
 * 创建人：杨骐彰
 * 说明： 主页面内容容器样式
 */
@import '../../../../styles/variables';
$sidebar-width: 220px;
.sem-main-body {
  overflow: visible;
  background-color: white;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: $sidebar-width;
  width: 100%;

  .sem-main-content-no-flex {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  .sem-main-content {
      flex: 1;
      height: 100%;
      display: flex;
      flex-direction: column;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;

      .sem-panel{
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 0.375rem;
        background-color: #FFF;
      }
    }
  .condition-button{
      width: 6.25rem;
      height: 2rem;
      color: #ffffff;
      line-height: 2rem;
      background-color: #52caff;
      margin-top: .5rem;
    }
  }


//中间区域为设备地址列表时的样式
.sem-middle-bar.device-address-list {
  padding-top: 30px;
  %checkbox {
    position: absolute;
    top: 50%;
    margin-top: -$checkbox-size/2;
    right: 12px;
  }

  //搜索条件间距
  .search-condition-row {
    margin-bottom: 10px;
    width: 100%;
  }

  //列表
  .sem-list {
    a {
      padding: 0 40px 0 19px;
      position: relative;
      //checkbox右侧靠齐
      .sem-checkbox {
        @extend %checkbox;
      }
    }
  }
}

.header-icon{
  height: 100px;
  width: 100%;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.account-table{
  position: relative;
  left: 50%;
  margin: 25px 0 0 -159px;
  width: 318px;

}
